<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
 <script src="../layui/layui.js"></script>
 <title>模块规范</title>
</head>

<body>
 <div class="layui-container">
  <h3>预先加载</h3>
  <p>开门见山，还是直接说使用比较妥当。Layui的模块加载采用核心的 layui.use(mods, callback)方法，当你的JS
   需要用到Layui模块的时候，我们更推荐你采用预先加载，因为这样可以避免到处写layui.use的麻烦。你应该在最外层如此定义：</p>
  <img src="../img/09.png" alt="">
  <h3>按需加载（不推荐）</h3>
  <p>如果你有强迫症，你对网站的性能有极致的要求，你并不想预先加载所需要的模块，而是在触发一个动作的时候，才去加载模块，那么，这是允许的。你不用在你的JS最外层去包裹一个大大的 layui.use，你只需要：</p>
  <img src="../img/10.png" alt="">
  <h3>模块命名空间</h3>
  <p>layui 的模块接口会绑定在 layui 对象下，内部由 layui.define() 方法来完成。每一个模块都会一个特有的名字，并且无法被占用。所以你无需担心模块的空间被污染，除非你主动 delete
   layui.{模块名}。调用模块可通过 layui.use 方法来实现，然后再通过 layui 对象获得模块接口。如：</p>
  <img src="../img/11.png" alt="">
  <h3>扩展一个 layui 模块</h3>
  <p>layui
   官方提供的模块有时可能还无法满足你，或者你试图按照layer的模块规范来扩展一个模块。那么你有必要认识layui.define()方法，相信你在文档左侧的“底层方法”中已有所阅读。下面就就让我们一起扩展一个Layui模块吧：</p>
  <img src="../img/12.png" alt="">
  <img src="../img/13.png" alt="">


 </div>
</body>

</html>